.modal{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
}
.modal-mantle{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
 
background: rgba(0, 0, 0, 0.32);
}


.modal-box{
    width: 6.50rem;
height: 5.02rem;
background: #FFFFFF;
border-radius: .30rem;
position: absolute;
left: .5rem;
top: 50%;
z-index: 1000;
transform: translate(0,-50%);
}
.modal-box-title{
    width: 6.50rem;
height: .98rem;
background: #02C271;
border-radius: .30rem .30rem 0 0;
align-items: center;
display: flex;
justify-content: center;
position: relative;
font-size: .28rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.modal-box-title img{
    width: .54rem;
    height: .54rem;
    position: absolute;
    right: .22rem;
    top: .22rem;
}

.modal-box .pirce{
    font-size: .32rem;
font-weight: 400;
color: #999999;
text-align: center;
margin: .32rem auto .12rem;
}
.modal-box .pirce span{
    color: #FF001E;
}
.modal-box .radio{
    width: 6.25rem;
    height: .96rem;
    display: flex;
    padding: 0 .27rem;
    justify-content: space-between;
    align-items: center;
    font-size: .24rem;
    color: #C2BEBE;
    border-bottom: .01rem solid #F4F5F9;
}

.modal-box .radio .lable-img{
    width: .42rem;
    height: .42rem;
    margin-right: .16rem;
}
.modal-box .radio .icon{
    width: .28rem;
    height: .28rem;
}